<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <link rel="shortcut icon" href="favicon.ico"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet/less" href="css/base.less">
    <link rel="stylesheet/less" href="css/brand.less">
    <script src="lib/less/less.js"></script>
    <title>慢慢买</title>
</head>

<body>
    <div class="wrap">
        <!--头部区域-->
        <header class="clearfix">
            <div class="logo">
                <a href="index.html">
                    <img src="images/header_logo.png" alt="">
                </a>
            </div>
            <div class="download">
                <img src="images/header_app.png" alt="">
            </div>
        </header>
        <!--搜索区域-->
        <section class="search">
            <form action="#">
                <input type="search" placeholder="请输入你想比价的商品">
                <input type="button" value="搜索">
            </form>
        </section>
        <!-- 面包屑 -->
        <nav class="buy_nav">
            <a href="index.html">首页</a><span>&gt;</span><a href="brandTitle.html">品牌大全</a><span>&gt;</span><i></i>
        </nav>
        <!-- main -->
        <main class="main">
            <div class="main_tit">
                <h3><a href="javascript:;" class="top">平板电视哪个牌子好</a></h3>
                <ul class="ajaxTop">
                </ul>
            </div>
            <div class="main_tit">
                <h3><a href="javascript:;" class="sell">平板电视产品销量排行</a></h3>
                <ul class="ajaxSell">
                </ul>
            </div>
            <div class="main_tit">
                <h3><a href="javascript:;" class="comm">平板电视最新评论</a></h3>
                <div class="ajaxComm">
                        
                </div>
            </div>
        </main>
        <!--footer区域-->
        <footer>
            <div class="footer-top">
                <a href="login.aspx.htm" class='log'>登录</a>
                <a href="login.aspx.htm" class='reg'>注册</a>
                <a href="#" class='toTop'>
                    <img src="http://www.zuyushop.com/wap/images/top.jpg" alt="">返回顶部</a>
            </div>
            <div class="footer-bottom">
                <p><a href="javascript:;">
                        手机APP下载
                    </a><a href="index.html">慢慢买手机版</a>--掌上比价平台</p>
                <p>m.manmanbuy.com</p>
            </div>
        </footer>
    </div>

    <!-- top前10的模板 -->
    <script type='text/html' id="topTmp">
        {{if result}} {{each result as value i}}
        <li>
            <a href="http://m.manmanbuy.com/prolist.aspx?id={{value.brandId}}&ppid={{value.brandTitleId}}" brandId="{{value.brandId}}">
                <b>{{i+1}}</b>
                <div class="content">
                    <p class="tit">{{value.brandName}}</p>
                    <p class="count">{{value.brandInfo}}</p>
                </div>
            </a>
        </li>
        {{/each}} {{/if}}
    </script>
  
  <!-- 十大品牌销售数据模板 -->
  <script type="text/html" id="sellTmp">
      <ul>
          {{if result}}
              {{each result as value i}}
              <li class="clearfix">
                  <a href="bijia.html?productid={{value.productId}}&productName={{value.productName}}"></a>
                  <div class="brandImg"> {{#value.productImg}}</div>
                  <div class="con">
                      <p class="title txt-cut">{{value.productName}}</p>
                      <p class="price">{{value.productPrice}}</p>
                      <p class="other">{{value.productQuote}}&nbsp;&nbsp;&nbsp;{{value.productCom}}</p>
                      <div class="star">★★★★★</div>
                  </div>
              </li>
              {{/each}}
          {{/if}}
      </ul>
  </script>

  <!-- 商品的评论-->
  <script type='text/html' id="commGoodTmp">
      {{if result}}
        <div class="good clearfix">
             <div class="brandImg">{{#img}}</div>
             <div class="con">
                {{pName}}
             </div>
        </div>
       {{each result as value i}}
        <div class="comm">
            <div class="comm_title">
                <span class="name">{{value.comName}}:</span>
                <span class="star">★★★★★</span>
                <span class="date">{{value.comTime}}</span>
            </div>
                <div class="comm_con txt-cut5">
                    {{value.comContent}}
                </div>
        </div>
           {{/each}}
           <div class="btn">查看更多评论</div>
      {{/if}}
  </script>


    <!--js引包-->
    <script src='lib/jquery/jquery.min.js'></script>
    <script src='lib/template.js'></script>
    <script src="js/brand.js"></script>
</body>

</html>
